<template>
    <div>
      <h2>学生信息</h2>
      <ul>
        <!-- 使用 v-for 遍历 student 对象 -->
        <li v-for="(value, key, index) in student" :key="index">
          {{ index + 1 }}. {{ key }}: {{ value }}
        </li>
      </ul>
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue';
  
  // 定义一个包含学生信息的对象
  const student = ref({
    name: '张三',
    age: 20,
    major: '计算机科学'
  });
  </script>